<template>
  <div>
    <div style="background-color: #f4f4f4">
      <div class="headers flex jc-sb bg-fff">
        <router-link to="/my/personalCenter">
          <i class="iconfont icon-zuojiantou"> 返回</i>
        </router-link>
        <p style="font-size: 16px">设置</p>
        <p style="width: 40px"></p>
      </div>

      <div class="headers flex jc-sb bg-fff mt-10">
        <p>账号ID</p>
        <p style="color: #969799">888888</p>
      </div>
      <div class="headers flex jc-sb bg-fff">
        <p>登录密码</p>
        <p style="color: #969799">
          未设置 <i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="headers flex jc-sb bg-fff">
        <p>安全密码</p>
        <p style="color: #969799">
          未设置 <i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
    </div>
    <footer class="footer bg-fff fixed">
      <router-link to="/my/theNo">
        <p
          @click="logout"
          style="text-align: center; color: #c03131; line-height: 50px"
        >
          退出登录
        </p>
      </router-link>
    </footer>
  </div>
</template>





<script>
export default {
  data() {
    return {};
  },

  methods: {
    async logout() {
      try {
        let res = await this.$axios.get("/user/logout");
        this.$store.commit("updateLoginState", false);
        this.$store.commit("updatePhone", '');
        this.$store.commit("updateToken", '');
        console.log(res);
      } catch (error) {}
    },
  },
};
</script>












<style  scoped>
@import "./setting.css";
</style>